export function createSvgBlob(shadowColor: string, shadowBlur: number) {
    const svgString = `
    <svg version="1.1" xmlns="http://www.w3.org/2000/svg" 
        x="0px" y="0px" 
        viewBox="0 0 32 128"
        xml:space="preserve"
    >
        <style>
            .st2 {
                fill: transparent;
                stroke: ${shadowColor};
                stroke-width: ${shadowBlur}px;
                filter: url(#chart-inset-shadow);
            }
        </style>
        <defs>
            <filter id="chart-inset-shadow" width="200%" height="200%" x="-50%" y="-50%">
        		<feGaussianBlur in="SourceGraphic" result="gass" stdDeviation="${shadowBlur * 0.75}" />
        		<feMerge>
        			<feMergeNode in="gass" />
        		</feMerge>
        	</filter>
        </defs>
        <path class="st2" d="M0 0 L32 0 L32 128 L0 128 Z" />
        <circle cx="24" cy="6" r="1" fill="#73fdf4cc" />
        <circle cx="4" cy="16" r="1" fill="#73fdf4cc" />
        <circle cx="24" cy="46" r="1" fill="#73fdf4cc" />
        <circle cx="4" cy="76" r="1" fill="#73fdf4cc" />
        <circle cx="14" cy="96" r="1" fill="#73fdf4cc" />
        <circle cx="24" cy="106" r="1" fill="#73fdf4cc" />
        <circle cx="6" cy="76" r="1" fill="#73fdf4cc" />
        <circle cx="15" cy="96" r="1" fill="#73fdf4cc" />
        <circle cx="24" cy="126" r="1" fill="#73fdf4cc" />
    </svg>
`
    return new Blob([svgString], { type: 'image/svg+xml;charset=utf-8' })
}
